<template>
  <van-nav-bar placeholder fixed left-arrow :clickable="false" :border="false" @click-left="back">
    <template #left>
      <uni-icons type="back" size="16"></uni-icons>
    </template>
    <template #title>
      <div class="flex h-full flex-col justify-evenly">
        <div class="flex items-center justify-center">
          <span class="flex-1 truncate">{{
            conversationStore.storeCurrentConversation.showName
          }}</span>
        </div>
      </div>
    </template>
    <!-- <template #right>
      <img class="h-[23px] min-w-[23px]" :src="more" alt="" @click="toSetting" />
    </template> -->
  </van-nav-bar>
</template>

<script setup lang="ts">
  // import more from '@/assets/images/chatHeader/more.png';
  import useConversationStore from '@/store/conversation';

  const conversationStore = useConversationStore();

  const back = () => {
    uni.navigateBack();
  };
</script>

<style lang="scss" scoped></style>
